<template>
    <fieldset>
        <legend>mixins</legend>
        <button @click="add">点击</button>
    </fieldset>
</template>
<script>
    import mix1 from "./mixins/mix1"
    //混入的特性
    //1.同名的选项会合并成一个,并且在内部属性冲突的时候,以组件为主

    //2.同名的钩子函数会合并成一个数组,依次执行,先执行混入对象的再执行组件
    export default {
        mixins: [mix1],
        data() {
            return {
                msg: "组件的msg",
                name: "李雷"
            }
        },
        mounted() {
            console.log('组件的mounted')
        },
        methods:{
            add(){
                console.log('组件的add')
            }
        }
    }
</script>